﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="QA-User-Login.ascx.cs" Inherits="User_Login"  %>
<style>
.height
{
  height: 278px;   
}
.imgalign
{
    align:absmiddle;
}
#ContentPlaceHolder1_Login1_upgroress1
{
    float: right;
    margin:5px 70px 0 -70px; 
}
</style>
	<script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script>
	    !window.jQuery && document.write('<script src="/js/jquery-1.4.3.min.js"><\/script>');
	</script>
	<link rel="stylesheet" type="text/css" href="./js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".bottom_toppup").fancybox({
                'width': 585,
                'height': 212,
                'autoScale': false,
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                'type': 'iframe',
                'hideOnOverlayClick': true,
                'centerOnScroll': true 
            });
        });
	</script>



<asp:UpdatePanel ID="upMain" runat="server"  UpdateMode="Conditional" ><ContentTemplate>

<div class="refine_search_box pb0px height" id="divPreLogin" runat="server">
    <h1>
        <img src="images/usericon.png" height="24" width="24" border="0" align="absmiddle"><span
            class="ml5px">User Form</span></h1>
    <p class="ml15px">
        Username of Email</p>
    <asp:TextBox ID="txtusername" runat="server" class="input_size margin_tb" onblur="javaScript: if (this.value=='') {this.value='Username of Email';}"
        onclick="javaScript: if (this.value=='Username of Email') {this.value='';}"></asp:TextBox>
    <p class="ml15px">
        Password</p>
    <asp:TextBox ID="txtpassword" runat="server" TextMode="Password" class="input_size margin_tb"
        onblur="javaScript: if (this.value=='') {this.value='Password';}" onclick="javaScript: if (this.value=='Password') {this.value='';}"></asp:TextBox>
    <table width="100%" cellpadding="0" cellspacing="0" border="0" class="ml15px">
        <tr>
            <td>
                <%--<input type="checkbox"> <span class="ml10px">Remmeber me</span>--%>
                <asp:CheckBox ID="chkRemember" runat="server" Text=" Remember me" ForeColor="#F47519" />
            </td>
            <td class="green">
           <a href="Forgot-Password.aspx"  id="bottom_toppup4" class="bottom_toppup"> Forgot Password</a>  
            </td>
        </tr>
    </table>
    <div class="savesearch mb10px">
<asp:ImageButton ID="btnsubmit"  src="images/login.png" runat="server" OnClick="btnsubmit_Click" />

        <asp:UpdateProgress ID="upgroress1" runat="server"  AssociatedUpdatePanelID="upMain">

<ProgressTemplate>
<img src="images/loadings.gif"  alt="" />
</ProgressTemplate>
</asp:UpdateProgress>
<asp:Label ID="lblMessage" runat="server" ForeColor="Red" EnableViewState="false"  CssClass="registration_message"></asp:Label>

 </div>
</div>
</ContentTemplate></asp:UpdatePanel>
<!--div to be displayed after login-->

		<div class="refine_search_box pb0px" id="divPostLogin" runat="server" visible="false">
        	<h1><img src="images/usericon.png" height="24" width="24" border="0" align="absmiddle"><span class="ml5px">User Form</span></h1>
            
            <ul class="userlist">
           		<li><a href="#" style="text-transform:capitalize"><span class="userimg"><img src="images/userimg.jpg" border="0" align="texttop" id="imgUserImage" runat="server"></span>Hello, <%=FName + " " +LName%></a></li>
            	<li><a href="/Classified/UpdateProfile.aspx"><span class="usericon"><img src="images/profile_icon.jpg" height="23" width="30" border="0" align="absmiddle"></span>Profile</a></li>
                <li><a href="#"><span class="usericon"><img src="images/statistics_icon.png" height="28" width="28" border="0" align="absmiddle"></span>Statistics</a></li>
                <li><a href="/Classified/My-Ads.aspx"><span class="usericon"><img src="images/myadd_icon.png" height="24" width="28" border="0" align="absmiddle"></span>My Ads</a></li>
                <li><a href="#"><span class="usericon"><img src="images/order_icon.png" height="28" width="28" border="0" align="absmiddle"></span>My Orders</a></li>
                <li><a href="/Classified/Cld-Post-Ad.aspx"><span class="usericon"><img src="images/postadd_icon.png" height="26" width="28" border="0" align="absmiddle"></span>Post An Ad</a></li>
                <li><a href="/Notes/NTS-AddNotes.aspx"><span class="usericon"><img src="images/postadd_icon.png" height="26" width="28" border="0" align="absmiddle"></span>Add Notes</a></li>
                <li><a href="#"><span class="usericon"><asp:ImageButton ImageUrl="images/logout_icon.png" ID="imgSignOut" runat="server" OnClick="btnSignOut_Click" 
                Height="28" Width="28" BorderWidth="0" align="absmiddle"/></span><asp:LinkButton
                        ID="HyperLink1" runat="server" OnClick="btnSignOut_Click">Log Out</asp:LinkButton></a></li>
            </ul>            
                          
          
        </div>  

        
